<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>剪切照片</title>
		<style type="text/css">
			.img{
				position: absolute;
				clip: rect(200px 600px 400px 200px);
			}
		</style>
	</head>
	<body>
		<img src="../img/img0.jpg" />
		<img src="../img/img2.jpg" class="img" />
	</body>
</html>-->

<!--<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				font-size: 14px;
			}
			ul{
				width: 1600px;
				height: 600px;
				border: 1px solid #999;
				list-style: none;
				margin: 20px auto;
			}
			li{
				width: 560px;
				height: 38px;
				line-height: 38px;
				margin: 0 20px;
				border-bottom:2px dotted #999999 ;
				overflow: hidden;//超出时隐藏hidden,scroll,visible
				display: inline-block;
				visibility: ;
			}
		</style>
	<body>
		<ul>
			<li>1.中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐</li>
			<li>2.移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐移动套餐</li>
			<li>3.校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐校园网套餐</li>
			<li>4.已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐已办理套餐</li>
			<li>5.中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐中国移动套餐</li>
			
		</ul>
	</body>			
</html>-->

<!--<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width: 300px;
				height: 200px;
				border: 3px solid goldenrod;
				background: url(../img/img1.jpg) -50px -69px no-repeat;
			}
			div:hover{
				visibility: hidden;
				/*background: url(../img/img1.jpg);*/
			}
			</style>
	<body>
		<div></div>
	</body>			
</html>-->
	
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width: 200px;
				height: 200px;
				border: 3px solid;
			}
			#one{
				border-color: red;
				visibility: hidden;
			}
			#three{
				border-color: blue;
			}
			#two{
				border-color: green;
			}
			</style>
	<body>
		<div id="one">one</div>
		<div id="two">two</div>
		<div id="three">three</div>
	</body>			
</html>
